<template>
    <a-card class="messageDetail">
        <div class="baseColor f3" style="cursor:pointer" @click="router.back(-1)">
            <a class="icon iconfont icon-fanhui"/>
            <span class="ml1">返回</span>
        </div>
        <h1>客户信息处理</h1>
        <p class="time">2021/06/12 20:08:45</p>
        <a-divider class="m0" />
        <div class="content mt1">
            <p>指定组件的渲染和观察期间未捕获错误的处理函数。这个处理函数被调用时，可获取错误信息和 Vue 实例。</p>

            <p>从 2.2.0 起，这个钩子也会捕获组件生命周期钩子里的错误。同样的，当这个钩子是 undefined 时，被捕获的错误会通过 console.error 输出而避免应用崩溃。</p>

            <p>从 2.4.0 起，这个钩子也会捕获 Vue 自定义事件处理函数内部的错误了。</p>

            <p>从 2.6.0 起，这个钩子也会捕获 v-on DOM 监听器内部抛出的错误。另外，如果任何被覆盖的钩子或处理函数返回一个 Promise 链 (例如 async 函数)，则来自其 Promise 链的错误也会被处理。</p>

            <p>错误追踪服务 Sentry 和 Bugsnag 都通过此选项提供了官方支持。</p>
            
        </div>
    </a-card>
</template>
<script lang='ts'>
import { defineComponent,ref,reactive,toRefs,onBeforeMount,onMounted} from 'vue'
import {useRouter} from "vue-router"
interface DataProps {}
export default defineComponent({
    name: '',
    setup(props,context) {
        const router=useRouter()
        const data: DataProps = reactive({
                                    
        })
        onBeforeMount(() => {

        })
        onMounted(() => {

        })
        const refData = toRefs(data);
        return {
             ...refData,
             router
        }
   }
});
</script>
<style lang='scss' scoped>
.messageDetail{
    h1{text-align: center;font-weight: 550;}
    .time{text-align: center;margin-bottom: 10px;}
    .content{text-indent: 2em;}
}
</style>